<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>注册</title>
<link href="/resource/css/regist.css" rel="stylesheet" type="text/css" />
<script type="application/javascript" src="/resource/js/jquery-1.9.1.min.js"></script>
<script type="application/javascript" src="/resource/js/regist.js"></script>
</head>

<body>
<div class="header">
    <div class="cont">
       <span><a href="###">登录</a></span>
       <span><a href="###">注册</a></span>
       <span><a href="###">我的订单</a></span>
       <span>|</span>
       <span><a href="###">联系客服</a></span>
       <span>|</span>
       <span><a href="###">收藏本站</a></span>
    </div>
</div>
<div class="main">
    <div class="cont">
        <div class="logo"><img src="###" /></div>
        <div class="con_main">
            <div class="tab_title">
                <div class="float_l">
                    <span class="mail"><b></b>邮箱注册</span>
                    <span class="mobile mobile_on on"><b></b>手机注册</span>
                </div>
                <div class="float_r">
                    显示最新活动公告，热门推荐滚动，文字广告。。。
                </div>
            </div>         
	            <div class="tab_cont">
	            <%-- 邮箱注册form开始  --%>
         	        <div class="regist_tab" style="display:none;">
            		<form id="mail_regist_form" action="/regist/reg" method="post">
	                    <div class="float_l">
	                        <div class="process">
	                            <table cellpadding="0" cellspacing="0" border="0">
	                                <tr>
	                                    <td width="13" class="process_1"></td>
	                                    <td class="process_2">第一步：填写注册信息</td>
	                                    <td width="13" class="process_3"></td>
	                                    <td class="process_4">第二步：登录邮箱激活账号</td>
	                                    <td width="13" class="process_5"></td>
	                                    <td class="process_4">第三步：注册成功</td>
	                                    <td width="13" class="process_6"></td>
	                                </tr>
	                            </table>
	                        </div>
	                        <div class="form_list">                       
	                            <table cellpadding="4" cellspacing="2" width="100%">
	                                <tr>
	                                    <td align="right" width="25%">常用邮箱</td>
	                                    <td width="220"><strong>&lowast;</strong><input type="text" name="emailEmail" value="${emailEmail}"/></td>
	                                    <td><b class="errorMsg">${emailEmailMsg}</b></td>
	                                </tr>
	                                <tr>
	                                    <td align="right">登录密码</td>
	                                    <td><strong>&lowast;</strong><input type="password" name="emailPassword" value="${emailPassword}" /></td>
	                                    <td><b class="errorMsg">${emailPasswordMsg}</b></td>
	                                </tr>
	                                <tr>
	                                    <td></td>
	                                    <td><strong>&nbsp;</strong><span class="sele_on">弱</span><span>中</span><span>强</span></td>
	                                    <td></td>
	                                </tr>
	                                <tr>
	                                    <td align="right">确认密码</td>
	                                    <td><strong>&lowast;</strong><input type="password" name="emailConfirmPassword" value="${emailConfirmPassword}"/></td>
	                                    <td><b class="errorMsg">${emailConfirmPasswordMsg}</b></td>
	                                </tr>
	                               
	                                <tr>
	                                    <td align="right">验证码</td>
	                                    <td><strong>&lowast;</strong><input name="emailAuthcode" size="30" type="text" /></td>
	                                    <td><img src="/random_code" id="emailImgId" 
onclick="javascript:this.src='/random_code?t=' + new Date().getTime();" />&nbsp;看不清,<a href="javascript:refreshCode('email')">换一张</a></td>
	                                </tr>
	                                 <tr><td></td><td colspan='2'><b class="errorMsg">${emailAuthcodeMsg}</b></td></tr>
	                            </table>
	                            <div class="more_info"><a href="###">填写全部信息</a><span>（填写完全部信息有助于今后找回密码和高质量会员服务。）</span></div>
	                            <div class="agree_rule">
	                                <span></span>
	                                我已阅读并同意本网站<a href="###">服务条款</a>
	                            </div>
	                            <div class="regist_btn">
	                                <a href="javascript:mail_regist();">注&nbsp;&nbsp;册</a>
	                            </div>
	                        </div>
	                        <div class="Q_A">
	                            <h3>注册遇到问题？</h3>
	                            <h4>1.为什么邮箱激活不了？</h4>
	                            <p>答：因为，因为，因为，因为，。。。。以下内容复制携程的注册问题。。。</p>
	                            <h4>2.为什么系统提示我的邮箱地址已经被绑定？</h4>
	                            <p>答：出现此系统提示，表示您已经在携程注册过，建议您可以登录原账户。</p>
	                            <h4>3.为什么邮箱注册比手机注册多200积分和500元消费券？</h4>
	                            <p>答：因为当您选择了邮箱过程中必须完成邮箱验证，而所有携程用户通过邮箱验证都会获得200奖励积分和500元消费券；如果您通过手机注册，需要在注册成功后再完成邮箱验证，才能获得200奖励积分和500元消费券。</p>
	                            <a href="###">更多帮助...</a>
	                        </div>
	                    </div>
	                    <div class="float_r">
	                        <img src="images/new_active_AD.gif" />
	                        <div class="vip_potence">
	                            <h3>会员权益</h3>
	                            <h4>注册本网站后可获得什么样的优势？</h4>
	                            <ul>
	                                <li>优势1：<p>优势，优势，优势，优势，势，优势。。。。</p></li>
	                                <li>优势2：<p>优势，优势，优势，优势，势，优势。。。。</p></li>
	                                <li>优势3：<p>根据内容可设计图片，或者根据实际情况在这块区域进行排版。</p></li>
	                            </ul>
	                            <h4>会员能享受到的服务？</h4>
	                            <ul>
	                                <li>特色服务1：<p>特色服务，特色服务，特色服务，特色服务，优势。。。。</p></li>
	                                <li>特色服务2：<p>特色服务，特色服务，特色服务，特色服务，优势。。。。</p></li>
	                                <li>特色服务3：<p>特色服务，特色服务，特色服务，特色服务，优势。。。。</p></li>
	                            </ul>
	                        </div>
	                    </div>
	                    <div style=" clear:both;"></div>
	                <input type="hidden" id="mailRegistType" name="registType" value="email"/>
	                </form>
	                </div>
	                <%-- 邮箱注册form结束  --%>     
	                <%-- 手机注册form开始  --%>
	                <div class="regist_tab">     
	                <form id="tel_regist_form" action="/regist/reg" method="post">          
	                    <div class="float_l">
	                        <div class="process">
	                            <table cellpadding="0" cellspacing="0" border="0">
	                                <tr>
	                                    <td width="13" class="process_1"></td>
	                                    <td class="process_2">第一步：填写注册信息</td>
	                                    <td width="13" class="process_3"></td>
	                                    <td class="process_4">第二步：验证手机</td>
	                                    <td width="13" class="process_5"></td>
	                                    <td class="process_4">第三步：注册成功</td>
	                                    <td width="13" class="process_6"></td>
	                                </tr>
	                            </table>
	                        </div>
	                        <div class="form_list">
	                            <table cellpadding="4" cellspacing="2" width="100%">
	                                <tr>
	                                    <td align="right" width="25%">手机号码</td>
	                                    <td width="220"><strong>&lowast;</strong><input type="text" name="telTel" value="${telTel}"/></td>
	                                    <td><b class="errorMsg">${telTelMsg}</b></td>
	                                </tr>
	                                <tr>
	                                    <td align="right">登录密码</td>
	                                    <td><strong>&lowast;</strong><input type="password" name="telPassword"  value="${telPassword}"/></td>
	                                    <td><b class="errorMsg">${telPasswordMsg}</b></td>
	                                </tr>
	                                <tr>
	                                    <td></td>
	                                    <td><strong>&nbsp;</strong><span class="sele_on">弱</span><span>中</span><span>强</span></td>
	                                    <td></td>
	                                </tr>
	                                <tr>
	                                    <td align="right">确认密码</td>
	                                    <td><strong>&lowast;</strong><input type="password" name="telConfirmPassword" value="${telConfirmPassword}"/></td>
	                                    <td><b class="errorMsg">${telConfirmPasswordMsg}</b></td>
	                                </tr>
	                                <tr>
	                                    <td align="right">验证码</td>
	                                    <td><strong>&lowast;</strong><input type="text" name="telAuthcode" /></td>
	                                    <td><img src="/random_code" id="telImgId" 
onclick="javascript:this.src='/random_code?d=' + new Date().getTime();" />&nbsp;看不清,<a href="javascript:refreshCode('tel')">换一张</a></td>
	                                </tr>
	                                <tr><td></td><td colspan='2'><b class="errorMsg">${telAuthcodeMsg}</b></td></tr>
	                                <tr>
	                                    <td align="right">常用邮箱</td>
	                                    <td><strong>&nbsp;</strong><input type="text" name="telEmail"  value="${tel.email}"/></td>
	                                    <td><b class="errorMsg">${telEmailMsg}</b></td>
	                                </tr>
	                            </table>
	                            <div class="more_info"><a href="###">填写全部信息</a><span>（填写完全部信息有助于今后找回密码和高质量会员服务。）</span></div>
	                            <div class="agree_rule">
	                                <span></span>
	                                我已阅读并同意本网站<a href="###">服务条款</a>
	                            </div>
	                            <div class="regist_btn">
	                                <a href="javascript:tel_regist();">注&nbsp;&nbsp;册</a>
	                            </div>
	                        </div>
	                        <div class="Q_A">
	                            <h3>注册遇到问题？</h3>
	                            <h4>1.为什么邮箱激活不了？</h4>
	                            <p>答：因为，因为，因为，因为，。。。。以下内容复制携程的注册问题。。。</p>
	                            <h4>2.为什么系统提示我的邮箱地址已经被绑定？</h4>
	                            <p>答：出现此系统提示，表示您已经在携程注册过，建议您可以登录原账户。</p>
	                            <h4>3.为什么邮箱注册比手机注册多200积分和500元消费券？</h4>
	                            <p>答：因为当您选择了邮箱过程中必须完成邮箱验证，而所有携程用户通过邮箱验证都会获得200奖励积分和500元消费券；如果您通过手机注册，需要在注册成功后再完成邮箱验证，才能获得200奖励积分和500元消费券。</p>
	                            <a href="###">更多帮助...</a>
	                        </div>
	                    </div>
	                    <div class="float_r">
	                        <img src="images/new_active_AD.gif" />
	                        <div class="vip_potence">
	                            <h3>会员权益</h3>
	                            <h4>注册本网站后可获得什么样的优势？</h4>
	                            <ul>
	                                <li>优势1：<p>优势，优势，优势，优势，势，优势。。。。</p></li>
	                                <li>优势2：<p>优势，优势，优势，优势，势，优势。。。。</p></li>
	                                <li>优势3：<p>根据内容可设计图片，或者根据实际情况在这块区域进行排版。</p></li>
	                            </ul>
	                            <h4>会员能享受到的服务？</h4>
	                            <ul>
	                                <li>特色服务1：<p>特色服务，特色服务，特色服务，特色服务，优势。。。。</p></li>
	                                <li>特色服务2：<p>特色服务，特色服务，特色服务，特色服务，优势。。。。</p></li>
	                                <li>特色服务3：<p>特色服务，特色服务，特色服务，特色服务，优势。。。。</p></li>
	                            </ul>
	                        </div>
	                    </div>
	                    <div style=" clear:both;"></div>
	                
	                <input type="hidden" id="telRegistType" name="registType" value="tel"/>
	            	</form>
	            	</div>
        			<%-- 手机注册地form结束  --%>
	            </div>       	
        </div>
    </div>
</div>
<div class="footer">
    <p><a href="###">关于xxxx.com</a> | <a href="###">联系我们</a> | <a href="###">业务合作</a> | <a href="###">酒店加盟</a> | <a href="###">媒体报道</a> | <a href="###">职位招聘</a> | <a href="###">用户协议</a> | <a href="###">常见问题</a> | <a href="###">友情链接</a> | <a href="###">我要投诉</a> | <a href="###">About Us</a></p>
    <p>京ICP备05021087号   电信与信息服务业务经营许可证888888号   武汉市江岸区局备案编号:鄂公网安备1234567890</p>
    <p>Copyright ? 2013 xxxx.com Inc. All Rights Reserved.</p>
</div>
<input type="hidden" id="registType"  value="${registType}"/>
</body>
<script type="application/javascript">
mm_sh('.tab_title .float_l span','.regist_tab','on');
</script>
</html>
